<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>test</title>
	<meta name="generator" content="TextMate http://macromates.com/">
	<meta name="author" content="Henry YP Ho">
	<!-- Date: 2011-01-28 -->
	<script type="text/javascript" src="js/jquery-1.4.4.js"></script>
	<script type="text/javascript" src="js/jquery.tools.min.js"></script>
	<script>
	$(function(){
		var element = $( '#foo label' );
		var newData = '';
		var data = element.text();
		var length = data.length;
		var i = 0;

		while( i < length )
		{

	    	newData += data.charAt( i ) + '<br />';
	    	i++;

		}

		element.html( newData );
	});
	</script>
</head>
<body>
	
	<div id="foo"><label>Vertical Text</label></div> 

</body>
</html>
